Skip to content

fix(ui5-list): growing with scroll improved #12087

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

dobrinyonkov
Copy link
Contributor

@dobrinyonkov dobrinyonkov commented Aug 7, 2025

Fixes: #11687

Description

Refactors the List component's scroll growing functionality to use intersection observers with start/end markers instead of unreliable scroll height calculations and scroll container detection.

Background Problems

The existing scroll growing implementation had several issues:

Solution

Replaces the previous approach with:

  • Start marker: <span> element positioned at the beginning of the scroll container to track when user has scrolled down
  • End marker: <span> element positioned at the end to trigger load-more events
  • Viewport-based intersection observers: Two dedicated observers that detect marker visibility relative to the viewport
  • State management: _startMarkerOutOfView property to ensure container was scrolled down

Test Coverage

  • DOM presence tests for start/end markers
  • Intersection observer functionality validation
  • Edge case Readme links lead to 404 #1: Rerender scenarios that previously caused false events
  • Edge case docs(playground): fix typo #2: External scrollable containers that previously failed detection

@dobrinyonkov dobrinyonkov force-pushed the fix/list-scroll-growing-with-start-marker branch from d1c8b9c to 1cb9dcd Compare August 14, 2025 13:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

<List> component growing="Scroll" no longer triggers scroll events after upgrade to 2.9.0+
1 participant